
.table-input {
    background-color: #D8E4F2;
    background-image: url("../img/table-input-bg.png");
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #909AA6;
    border-radius: 4px;
    color: #333333;
    font-family: arial;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 0;
    text-align: left;
}
.table-input th {
    background-color: #BED1E8;
    border: 1px solid #909AA6;
    color: #000000;
    font-size: 12px;
    margin: 0;
    padding: 5px 10px;
    vertical-align: middle;
}
.table-input .headrow th {
    background-color: #BFD2EA;
    border: 1px solid #909AA6;
    color: #1F3975;
}
.table-input .submit-box td {
    background-color: #BBCEE6;
    border-top: 1px solid #5D6C7A;
}
.table-input td {
    border-bottom: medium none;
    margin: 0;
    padding: 5px 5px 5px 10px;
    vertical-align: middle;
}
.table-input td label {
    float: left;
    margin: 2px 15px 2px 0;
    padding: 0;
}
.table-input td input, textarea {
    border: 1px solid #7F9DB9;
    color: #000000;
    font-family: arial;
    font-size: 12px;
    margin: 0 2px 0 0;
    padding: 3px 4px;
    vertical-align: middle;
}
.table-input input[type="radio"] {
    border: 1px solid #7F9DB9;
    font-size: 12px;
    margin: 0 2px 0 0;
    padding: 2px 3px;
    vertical-align: middle;
}
.table-input input[type="checkbox"] {
    border: 1px solid #CEE1E7;
    font-size: 12px;
    margin: 0 2px 0 0;
    padding: 2px 3px;
    vertical-align: middle;
}
.table-input td select {
    border: 1px solid #7F9DB9;
    font-size: 12px;
    margin: 0 2px 0 0;
    padding: 2px 3px;
    vertical-align: middle;
}
.table-input td em {
    color: #666666;
    font-size: 11px;
    font-style: normal;
    vertical-align: middle;
}
.table-input td option {
    border-bottom: 1px solid #EAEAEA;
    font-size: 12px;
    margin: 0;
    padding: 0 3px;
}
.table-input input.edit-button {
    background-color: #D1E0EF;
    background-image: url("../img/button-edit-bg.gif");
    background-position: left center;
    background-repeat: repeat-x;
    border: 1px solid #ABBAD0;
    border-radius: 4px;
    color: #1E395B;
    font-size: 12px;
    margin: 0 3px 0 0;
    padding: 4px 7px;
    text-align: center;
    vertical-align: top;
}
.table-input input.edit-button:hover {
    background-color: #F9E599;
    background-image: url("../img/button-edit-hover-bg.gif");
    border: 1px solid #EEC958;
    cursor: pointer;
}
.table-input small {
    color: #CD3410;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
.table-input img {
    border: medium none;
    margin: 2px 5px 0 0;
    padding: 0;
    vertical-align: middle;
}
.table-view.small td {
    font-size: 10px;
}
.table-view {
    background-color: #FFFFFF;
    border-collapse: collapse;
    color: #515151;
    font-family: arial;
    font-size: 11px;
    margin: 0 0 5px;
    padding: 0;
}
.table-view th {
    background: url("../img/table-view-th-bg.gif") repeat-x scroll left top #EBEBEB;
    border: 1px solid #CDCDCD;
    color: #272727;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-weight: normal;
    margin: 0;
    padding: 4px 0;
}
.table-view td {
    border: 1px solid #EDEBEB;
    font-family: tahoma;
    margin: 0;
    padding: 4px;
}
.table-view a {
    color: #3E6BA7;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.table-view a:hover {
    text-decoration: underline;
}
.table-view .blink-row {
    background-color: #F2F8FD;
}
.table-view a.button {
    background-color: #FFFFFF;
    border: 1px solid #F9EBD7;
    color: #8D4F00;
    display: inline;
    margin: 0 1px;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none;
}
.table-view a.button:hover {
    background-color: #FFF6C4;
    border: 1px solid #F9EBD7;
}
.table-view a.button-distribusi {
    background-color: #FFFFFF;
    background-image: url("../img/icon.distribusi.png");
    background-position: 4px 2px;
    background-repeat: no-repeat;
    border: 1px solid #F9EBD7;
    color: #8D4F00;
    display: inline;
    margin: 0 1px;
    padding: 1px 4px 1px 19px;
    text-align: center;
    text-decoration: none;
}
.table-view a.button-distribusi:hover {
    background-color: #FFF6C4;
    border: 1px solid #F9EBD7;
}
.table-view a.button-detail {
    background-color: #FFFFFF;
    background-image: url("../img/detail-icon.png");
    background-position: 4px 2px;
    background-repeat: no-repeat;
    border: 1px solid #F9EBD7;
    color: #8D4F00;
    display: inline;
    margin: 0 1px;
    padding: 1px 4px 1px 19px;
    text-align: center;
    text-decoration: none;
}
.table-view a.button-detail:hover {
    background-color: #FFF6C4;
    border: 1px solid #F9EBD7;
}
.table-view a.button-upgrade {
    background-color: #FFFFFF;
    background-image: url("../img/system_upgrade.png");
    background-position: 4px 2px;
    background-repeat: no-repeat;
    border: 1px solid #F9EBD7;
    color: #8D4F00;
    display: inline;
    margin: 0 1px;
    padding: 1px 4px 1px 19px;
    text-align: center;
    text-decoration: none;
}
.table-view a.button-upgrade:hover {
    background-color: #FFF6C4;
    border: 1px solid #F9EBD7;
}
.table-view a.button-edit {
    background-color: #FFFFFF;
    background-image: url("../img/edit-icon.png");
    background-position: 4px 2px;
    background-repeat: no-repeat;
    border: 1px solid #F9EBD7;
    color: #8D4F00;
    display: inline;
    margin: 0 1px;
    padding: 1px 4px 1px 19px;
    text-align: center;
    text-decoration: none;
}
.table-view a.button-edit:hover {
    background-color: #FFF6C4;
    border: 1px solid #F9EBD7;
}
.table-view a.button-hapus {
    background-color: #FFFFFF;
    background-image: url("../img/delete-icon.png");
    background-position: 4px 3px;
    background-repeat: no-repeat;
    border: 1px solid #F9EBD7;
    color: #8D4F00;
    display: inline;
    margin: 0 1px;
    padding: 1px 4px 1px 19px;
    text-align: center;
    text-decoration: none;
}
.table-view a.button-hapus:hover {
    background-color: #FFF6C4;
    border: 1px solid #F9EBD7;
}
.table-view a.button-download {
    background-color: #FFFFFF;
    background-image: url("../img/download-icon.png");
    background-position: 4px 3px;
    background-repeat: no-repeat;
    background-size: 12px auto;
    border: 1px solid #F9EBD7;
    color: #8D4F00;
    display: inline;
    margin: 0 1px;
    padding: 1px 4px 1px 19px;
    text-align: center;
    text-decoration: none;
}
.table-view a.button-download:hover {
    background-color: #FFF6C4;
    border: 1px solid #F9EBD7;
}
.table-search {
    border-collapse: collapse;
    font-family: arial;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.table-search th {
    color: #333333;
    font-weight: bold;
    margin: 0;
    padding: 6px 10px;
    text-align: right;
}
.table-search td {
    color: #4E6BA5;
    margin: 0;
    padding: 6px 10px;
}
.table-search td label {
    margin: 0 10px 0 0;
    padding: 0;
    vertical-align: middle;
}
.table-search input {
    border: 1px solid #B4BED6;
    color: #666666;
    font-size: 12px;
    margin: 0;
    padding: 2px 5px;
}
.table-search input[type="radio"] {
    border: medium none;
    margin: 0 2px 0 0;
    padding: 0;
    vertical-align: middle;
}
.table-search input[type="checkbox"] {
    border: medium none;
    margin: 0 2px 0 0;
    padding: 0;
    vertical-align: middle;
}
.table-search input[type="submit"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #8BA9C4;
    background-image: url("../img/table-search-submit.gif");
    background-position: left top;
    background-repeat: repeat-x;
    border-color: #A18567 #614023 #462C19;
    border-image: none;
    border-left: 1px solid #614023;
    border-radius: 4px;
    border-right: 1px solid #614023;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    margin: 0;
    padding: 3px 7px;
}
.table-search input[type="submit"]:hover {
    border: 1px solid #A18567;
}
.table-search select {
    border: 1px solid #B4BED6;
    font-size: 12px;
    margin: 0;
    padding: 3px 5px;
}
.table-search img {
    border: medium none;
    margin: 0 0 0 3px;
    padding: 0;
    vertical-align: middle;
}
.table-info-box {
    background-color: #DDF0F8;
    border-top: 1px solid #99CCE6;
    float: left;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 1%;
    width: 98%;
}
.table-info-box h3 {
    color: #193061;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 0;
}
.table-info {
    background-color: #FFFFFF;
    border-bottom: 3px solid #C8E4F1;
    border-collapse: collapse;
    border-right: 2px solid #C8E4F1;
    color: #193061;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.table-info th {
    padding: 4px 6px;
    text-align: left;
}
.table-info tr {
    margin: 0;
    padding: 0;
}
.table-info tr.blink-row {
    background-color: #FEF7DB;
}
.table-info td {
    border-bottom: 1px dotted #C8E4F1;
    margin: 0;
    padding: 4px 6px;
    vertical-align: top;
}
.table-info td em {
    color: #666666;
    display: block;
}
.table-info a.button-edit {
    background-color: #FFF6C4;
    background-image: url("../img/edit-icon.png");
    background-position: 4px 2px;
    background-repeat: no-repeat;
    border: 1px solid #F9EBD7;
    color: #8D4F00;
    display: inline;
    margin: 0 1px;
    padding: 1px 4px 1px 19px;
    text-align: center;
    text-decoration: none;
}
.table-info a.button-edit:hover {
    background-color: #FFFFFF;
    border: 1px solid #F9EBD7;
}
.table-info a {
    color: #8D4F00;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.table-info a:hover {
    text-decoration: underline;
}
.table-info td img {
    border: medium none;
    margin: 0 2px;
    padding: 0;
    vertical-align: top;
}
.table-info-airport {
    background-color: #FFFFFF;
    border-collapse: collapse;
    color: #515151;
    font-size: 11px;
    margin: 0 0 5px;
    padding: 0;
}
.table-info-airport th {
    background: url("../img/table-view-th-bg.gif") repeat-x scroll left top #EBEBEB;
    border: 1px solid #CDCDCD;
    color: #272727;
    font-family: tahoma;
    margin: 0;
    padding: 4px;
    text-align: left;
}
.table-info-airport td {
    border: 1px solid #EDEBEB;
    font-family: tahoma;
    line-height: 18px;
    margin: 0;
    padding: 4px;
    vertical-align: top;
}
.table-info-airport td b {
    color: #335988;
    font-weight: normal;
}
.table-calendar {
    background-color: #FFFFFF;
    border-collapse: collapse;
    color: #515151;
    font-family: tahoma;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.table-calendar th {
    border: 1px solid #CDCDCD;
    color: #272727;
    margin: 0;
    padding: 4px 0;
    vertical-align: middle;
}
.table-calendar td {
    border: 1px solid #EDEBEB;
    font-size: 11px;
    height: 100px;
    margin: 0;
    padding: 4px;
    vertical-align: top;
}
.table-calendar td.widget {
    border: 1px solid #EDEBEB;
    font-size: 12px;
    height: 35px;
    margin: 0;
    padding: 4px;
    vertical-align: top;
}
.table-calendar td b {
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.table-calendar td p {
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    padding: 2px;
    text-align: right;
}
.table-calendar td a {
    background-color: #596772;
    border-radius: 4px;
    color: #FFFFFF;
    margin: 0;
    padding: 2px 6px;
}
.table-calendar td a:hover {
    background-color: #C95454;
    text-decoration: none;
}
.table-dashboard {
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.table-dashboard tr {
    margin: 0;
    padding: 0;
}
.table-dashboard th {
    border-bottom: 1px solid #E2E6E8;
    color: #666666;
    padding: 10px 8px;
}
.table-dashboard td {
    border-bottom: 1px solid #E2E6E8;
    height: 25px;
    margin: 0;
    padding: 20px 8px;
}
.table-dashboard tr:last-child td {
    border-bottom: medium none;
}
.table-dashboard td.group {
    color: #728EAD;
    font-weight: bold;
    text-align: left;
}
.table-dashboard td.title {
    color: #595959;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
}
.table-dashboard td a {
    color: #666666;
    display: inline-block;
}
.table-dashboard td a:hover {
    color: #006D29;
    text-decoration: none;
}
.table-dashboard td a.button-edit {
    background-color: #FFFFFF;
    background-image: url("../img/edit-icon.png");
    background-position: 4px 2px;
    background-repeat: no-repeat;
    border: 1px solid #F9EBD7;
    color: #8D4F00;
    display: inline;
    margin: 0 1px;
    padding: 1px 4px 1px 19px;
    text-align: center;
    text-decoration: none;
}
.table-dashboard td a.button-edit:hover {
    background-color: #FFF6C4;
    border: 1px solid #F9EBD7;
}
.table-dashboard td.group span {
    color: #666666;
}
.table-dashboard td span {
    color: #666666;
    font-weight: bold;
    margin-right: 5px;
    padding: 5px 0;
}
.table-dashboard td span.count {
    color: #595959;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
}

.table-dashboard td span.green {
    color: #009839;
}
.table-dashboard td a:hover span.green {
    color: #00531F;
}
.table-dashboard td a:hover span.red {
    color: #6F2514;
}
.table-dashboard td span.red {
    color: #C14023;
}
.table-dashboard td span.total {
    color: #666666;
}
.table-dashboard td span.label {
    color: #ABB2B6;
    display: block;
    font-weight: normal;
    padding: 0;
}
.table-dashboard td.group span.cyan {
    border-bottom: 3px solid #E35B91;
    display: block;
}
.table-dashboard td.group span.blue {
    border-bottom: 3px solid #8A8AF5;
    display: block;
}
.calendar {
    float: left;
    width: 60%;
}
.dashboard-content .table-calendar {
    border-collapse: collapse;
    color: #333333;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.dashboard-content .table-calendar tr {
    margin: 0;
    padding: 0;
}
.dashboard-content .table-calendar th {
    background-image: url("../img/table-calendar-th-bg.png");
    background-repeat: repeat-x;
    border-right: 1px solid #272872;
    color: #FFFFFF;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    text-shadow: 0 -1px 0 #1E395B;
}
.dashboard-content .table-calendar tr.day {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #2F318B;
    border-color: -moz-use-text-color #272872 #272872;
    border-image: none;
    border-right: 1px solid #272872;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 #1E395B;
}
.dashboard-content .table-calendar tr.day td {
    border: medium none;
    padding: 5px 10px;
}
.dashboard-content .table-calendar tr.head {
    border: 1px solid #272872;
}
.dashboard-content .table-calendar td {
    border: 1px solid #C4CBD0;
    margin: 0;
    padding: 0;
    text-align: right;
}
.dashboard-content .table-calendar td a {
    background-color: #DFDFDF;
    color: #000000;
    display: block;
    line-height: 30px;
    padding: 0 10px;
}
.dashboard-content .table-calendar td a:hover {
    background-color: #C95454;
    text-decoration: none;
}
.dashboard-content .table-calendar td.prev-day, .dashboard-content .table-calendar td.next-day, .dashboard-content .table-calendar td.prev-day a, .dashboard-content .table-calendar td.next-day a {
    color: #C4CBD0;
}
.dashboard-content .table-calendar td.sun, .dashboard-content .table-calendar td.sun a {
    color: #C34223;
}
.dashboard-content .table-calendar td a.today {
    background-color: #999999;
    font-weight: bold;
}
.dashboard-content .table-calendar td a.event {
    background-color: #4EB0E3;
    font-weight: bold;
}
.dashboard-content .table-calendar th a.arrow-l {
    background-image: url("../img/calendar-arrow-left.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 17px;
    margin: 0 10px;
    width: 17px;
}
.dashboard-content .table-calendar th a.arrow-r {
    background-image: url("../img/calendar-arrow-right.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    height: 17px;
    margin: 0 10px;
}
.agenda {
    float: right;
    width: 38%;
}
.agenda ul {
    margin: 0;
    padding: 0;
}
.agenda ul li {
    border-bottom: 1px solid #C4CBD0;
    color: #2E2E2E;
    list-style: none outside none;
    padding: 5px 0;
}
.agenda ul li span {
    color: #1F3972;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
    vertical-align: middle;
}
.agenda ul li a {
}
.agenda ul li a:hover {
    color: #1F3972;
    text-decoration: none;
}
.agenda ul li:last-child {
    border-bottom: medium none;
}
.table-dashboard {
    border-collapse: collapse;
    color: #333333;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.table-dashboard tr {
    background-color: #E7EAEC;
    margin: 0;
    padding: 0;
}
.table-dashboard tr.blink-row {
    background-color: #D5DADE;
    margin: 0;
    padding: 0;
}
.table-dashboard th {
    background-color: #C4CBD0;
    border-bottom: 1px solid #ABB2B6;
    color: #333333;
    font-family: arial;
    font-weight: bold;
    margin: 0;
    padding: 8px 10px;
    text-align: left;
}
.table-dashboard td {
    color: #333333;
    margin: 0;
    padding: 6px 10px;
}
.dashboard-box table {
    background-color: #FFFFFF;
    border-collapse: collapse;
    color: #333333;
    font-size: 11px;
    margin: 0 0 5px;
    padding: 0;
    text-align: left;
}
.dashboard-box table td {
    border: 1px dashed #DFDFDF;
    margin: 0;
    padding: 4px 6px;
    vertical-align: middle;
}
.dashboard-box table td img {
    border: medium none;
    height: 16px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}  
 
td a.button-icon {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    display: inline-block;
} 

td a.button-edit {
    background-color: #FFFFFF;
    background-image: url("../img/edit-icon.png");
    background-position: 4px 2px;
    background-repeat: no-repeat;
    border: 1px solid #F9EBD7;
    color: #8D4F00;
    display: inline;
    margin: 0 1px;
    padding: 1px 4px 1px 19px;
    text-align: center;
    text-decoration: none;
}